@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size:15px;
	font-family:"Microsoft Yahei",宋体,Verdana,Arial,Helvetica,Sans-serif;
	font-weight:normal;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}
input,textarea{outline:none;}
blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;	
}
/*input框自动填充背景色*/
input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #fff inset;	/**通过边框阴影遮挡住背景*/
	/*-webkit-text-fill-color: #333; !**填充字体颜色*!*/
}

a,a:link,a:visited{color:#333333; text-decoration:none;}
a.active{color: #ffb02c; text-decoration:none;}
.cl{clear:both; visibility:hidden; font-size:0px; line-height:0px; width:100%; height:0; padding:0px; margin:0px;}

/*clear float*/
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}

.red,a.red:link,a.red:visited{color:#ee7800;}
a.red:hover {color:#ffb02c;}

.dot{color:#ae1d2c;}

/*header*/
.headerpage{clear:both; width:100%; margin:0 auto 0 auto; padding:0; z-index:999; position:absolute; display:block; }

.headerpage:after, .headerpage:before {content: '';display: block;clear: both;height: 0;}

header{ width:75%;margin:0% auto 0 auto; }
.head{clear:both; margin:0 auto; clear:both; overflow:hidden; }
header:after,header:before {content: '';display: block; clear: both; height: 0;}

header .logo{ float:left;padding-left:2%; padding-top:1.5%;}
header .logo img{isplay:block; width:100%;}

header .headerright{float:right; width:68%; margin:0px 0% 0px 5%; position:relative;}
header .wapnav{float:right; display:none;}


/*首页样式*/
.indexaboutbg{ clear:both; width:100%; background:url(../images/aboutbg.gif) no-repeat right;}
.indexabout{ padding:30px 0 50px 0; max-width:1440px; margin:0 auto}
.indexabout dl{ color:#555555; padding:1% 2% 3% 2%; margin:5% 0 0 0; }
.indexabout dl font{ font-size:52px; color:#626262; line-height:30px;}
.indexabout dl dt{ font-size:30px; font-weight:bold; color:#262626 }
.indexabout dl dd{ padding:2% 0 0 0; }
.indexabout dl dd p{ line-height:30px; font-size:17px;}
.indexabout .leftpic{ overflow:hidden; margin:0 0 0 20px;}
.indexabout .pic dl{padding-left:0px; padding-right:0px;}
.indexabout .pic dt{overflow:hidden;}
.indexabout .pic dt:hover img{transition: 588ms;transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}


.indexservice{clear:both; width:100%; background:#2dabe7; overflow:hidden;}
.indexservice .bt{text-align:center; font-size:18px; color:#FFF; line-height:30px; margin:3% auto; width:34%;}
.indexservice .bt a{ font-size:32px; text-align:center; color:#FFF; font-weight:bold; line-height:56px;}
.indexservice .content{ margin:0 auto 3% auto; max-width:1400px;}
.indexservice .content dl{background:#58bef1; margin:0.2%; overflow:hidden}
.indexservice .content dl:hover{ background:#0e8bc6;transition: 588ms;}
.indexservice .content dt{padding:4% 0 4% 0%; float:left; width:20%;  margin-left:20%; }
.indexservice .content dd{float:left; width:50%; color:#FFF; font-size:20px;padding-left:3%; line-height:100px;}
.indexservice .content dd a{font-size:20px;}
.indexservice .more{ margin:0 auto; max-width:254px; border:#FFF 2px solid;border-radius:20px; line-height:40px; text-align:center; color:#FFF; margin-top:3%;}
.indexservice .more a{ color:#FFF}


/*新闻动态*/
.indexnews{ clear:both; margin:0 auto 3% auto; max-width:1440px; overflow:hidden; }
.indexnews .bt{text-align:center; font-size:37px; color:#000; line-height:30px; margin:3% auto; width:34%;}
.indexnews .bt a{ font-size:32px; text-align:center; font-weight:bold; line-height:56px;}
.indexnews dl{ overflow:hidden; }
.indexnews dt{overflow:hidden; }
.indexnews dt:hover img{transition: 588ms;transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);width:100%}
.indexnews dd{ color:#5c5959; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; font-size:15px;padding-top:2%; }
.indexnews dd span{display:block; font-size:20px; line-height:50px;}
.indexnews dl .more{width:120px; border:#CCC 1px solid; line-height:35px; text-align:center; margin-top:5%; margin-bottom:2%;}
.indexnews dl .more a{font-size:14px; color:#8f8f8f;transition: 588ms; transition:all 0.3s;}
.indexnews dl .more:hover a{ background-color:#2dabe7;color:#FFF; display:block;}


/*人才与招聘*/
.indexjob{ clear:both; width:100%; background:url(../images/jobbg.gif) no-repeat bottom; }
.indexjob .bt{text-align:center; font-size:16px; color:#5e5e5e; line-height:30px; margin:3% auto 1% auto; width:34%;}
.indexjob .bt a{font-size:32px; text-align:center; color:#262626; font-weight:bold; line-height:56px; display:block} 
.indexjob .youshi{max-width:694px; margin:0 auto; clear:both; overflow:hidden}
.indexjob .youshi dl{ float:left; width:49%; background:#f4faff; line-height:54px; border:#98d3ff 1px solid; text-align:center; margin-right:1%;border-radius:10px;}
.indexjob .youshi dl:hover{ background-color:#c4e1fa;transition: 588ms;}
.indexjob .youshi dt{}
.indexjob .youshi dd{color:#3babff;}
.indexjob .content{max-width:1420px; margin-top:0%; text-align:center; padding-bottom:2%;}
.indexjob .line{ background:url(../images/tuanduibg.gif) no-repeat center; margin:0 auto; height:100px;}
.indexjob .content p{color:#3666a5; line-height:45px; font-size:19px;}
.indexjob .content img{
	margin:0 auto;  
	-webkit-transition: -webkit-transform 0.7s ease-out;
	-moz-transition: -moz-transform 0.7s ease-out;
	-o-transition: -o-transform 0.7s ease-out;
	-ms-transition: -ms-transform 0.7s ease-out;
	display:block;
}
.indexjob .content img:hover {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
.indexjob .content .more{width:250px; margin:0 auto; text-align:center; line-height:50px; color:#FFF; margin-top:2%; background-image: linear-gradient(to right, #0f71cb , #2dafe9);border-radius:20px;}
.indexjob .content .more a{color:#FFF}


.index01{ clear:both; background: url(../images/indexbg.gif) no-repeat left; width:100%}
.video{ background:url(../images/videobg.jpg) center no-repeat; padding:0% 0 0% 0; padding:6% 0; background-size:100% 100%; margin-bottom:2%}
.video .gksp { text-align:center; }
.video .gksp p {text-align:center; font-size:21px; color:#fff; line-height:42px;}
.zzsc {position: fixed;left: -100%;right:100%;top:0;bottom: 0;text-align: center;font-size: 0; z-index:9999; display:none; }
.zzsc:after {content:"";display: inline-block;vertical-align: middle;height: 100%;width: 0;}
.tccontent{display: inline-block; *display: inline; *zoom:1;vertical-align: middle;position: relative;right: -100%;}
.tccontent .vClose{ position:absolute; right:20px; top:10px; color:#FFF; font-size:22px; font-weight:bold}
.content_mark{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:555; background:#000; opacity:0.5;filter:alpha(opacity=50); display:none;}


/*尾*/
.footerbox{ clear:both; margin:0 auto 0 auto; width:100%; padding:0px 0; background:url(../images/footerbg.jpg) no-repeat bottom; }
.footerbox .content{ clear:both; max-width:1400px; margin-top:0%;}

.footerbox p{ font-size:16px; line-height:28px; color:#5c5c5c}

.footerbox dl{}
.footerbox dt{ text-align:center; padding:10px; border:#CCC 1px solid; }
.footerbox dt img{ display:block; width:100%;}

.footerbox dd{ text-align:center; font-size:15px; line-height:30px; color:#999}
.footertel{ margin:0 auto; text-align:center}

.linkbox{ color:#888888; font-size:15px; line-height:34px; margin:0px 0; }
.linkbox h2{ color:#888888; font-weight:bold; margin:0 0 25px 0; }
.linkbox a{ color:#888888; font-size:15px;}

.footerbottom{ color:#fff; font-size:14px; margin:3.5% 0 0% 0; padding-bottom:1%;text-align:center;}
.footerbottom a{ color:#fff; font-size:14px;}


.fnav2{ display: none; width:100%; margin:0 auto; overflow:hidden; background:#2d2e2f; padding:10px 0 ; position: fixed ;bottom:0;z-index:9999}
.fnav2 a{ float:left; width:30%; overflow:hidden;  color:#FFF; font-size:18px; overflow:hidden; text-align:center; font-size:16px;}
.fnav2 a img{ width:30%;vertical-align:middle; padding-left:4%; padding-right:5%;}

/*首页样式 end*/

/*内页*/
.mainpage{clear:both; max-width:1440px; padding:20px 40px 40px 40px; background:#fff; margin:-60px auto 20px auto; box-shadow:0px 0px 10px rgba(0,0,0,0.1); position:relative; z-index:9; }
.mainpage:after, .mainpage:before{content: '';display: block;clear: both;height: 0;}
.left{clear:both; overflow:hidden; padding:0 2%; margin:20px auto; background:#f6f6f6; }
.right{ width:100%;}	

.mainarea{ position:relative; clear:both; overflow:hidden; padding:0px 0 20px 0; min-height:360px; height:360px;}
[class].mainarea{height:auto;}
.mainarea div.content{font-size:14px; line-height:23px;}


/*内页位置*/
.bannermain{ height:400px; }
.posbox{ clear:both; margin:0px auto 0 auto; width:100%; clear:both; overflow:hidden;  }
.position{ float:right; padding:0px 0 0 25px; color:#666; font-size:14px; line-height:40px; background:url(../images/position.png) no-repeat left center; }
.position a,.position a:link,.position a:visited {color:#666; font-size:14px; }
.positioninfo{ float:left; padding:0px 0 0 0px; color:#333; font-size:26px; font-weight:bold; }

.mainmenu{ background:#f3f3f3;}
.menu3{ clear:both; margin:0px auto 0px auto; overflow:hidden}
.menu3 h3{float:left; padding:0px 0px; margin:1% 0.6% 0% 0%; width:16%; background:#fff;}
.menu3 h3 a,.menu3 h3 a:link,.menu3 h3 a:visited{ font-size:16px; display:block; text-align:center; padding:0 5px; color:#333; line-height:40px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height:40px;
	-webkit-transition: background-color 0.5s ;
	-moz-transition: background-color 0.5s ;
	-o-transition: background-color 0.5s;
	transition: background-color 0.5s; }
.menu3 h3 a:hover,.menu3 h3 a.active,.menu3 h3 a.active:link,.menu3 h3 a.active:visited{background:#ee7800; color:#fff; text-decoration:none;}

.menu4{ clear:both; margin:0 auto; max-width:1440px; }
.menu4 ul{clear:both; margin:0 auto; text-align:center; padding-top:10px;}
.menu4 ul a { display:block; float:left; width:13%; background:#ffffff; color:#000; border:1px solid #dddddd; border-radius:0px; font-size:13px; line-height:36px; margin:0px 0.5% 2% 0.5%; text-decoration:none;overflow:hidden;}
.menu4 ul a:hover,.menu4 ul a.active,.menu4 ul a.active:link,.menu4 ul a.active:visited{color:#fff; background:#3381bb; border:none;
	-webkit-transition: background-color 0.3s ;
	-moz-transition: background-color 0.3s ;
	-o-transition: background-color 0.3s;
	transition: background-color 0.3s; line-height:36px;border:1px solid #dddddd;}

.menu5{ clear:both; margin:0 auto; max-width:1440px; display:none;}
.menu5 ul{clear:both; margin:0 auto; text-align:center; padding-top:10px;}
.menu5 ul a { display:block; float:left; width:13%; background:#ffffff; color:#000; border:1px solid #dddddd; border-radius:15px; font-size:13px; line-height:20px; margin:5px 0.5% 5px 0.5%; text-decoration:none; padding:6px 15px; overflow:hidden;}
.menu5 ul a:hover,.menu5 ul a.active,.menu5 ul a.active:link,.menu5 ul a.active:visited{color:#fff; background: #ff8a84; border:none;
	-webkit-transition: background-color 0.3s ;
	-moz-transition: background-color 0.3s ;
	-o-transition: background-color 0.3s;
	transition: background-color 0.3s; }


.menu2{clear:both;}
.menu2 h3{padding:0; margin-bottom:10px; border:#FF0000 1px solid;float:left; width:20%;}
.menu2 h3 a {color:#000;line-height:32px;padding-left:40px; font-size:14px;text-decoration: none; float:left }
.menu2 h3 a:link,.menu2 h3 a:visited{background-image: url(../images/menu1.png);background-repeat:no-repeat; background-position:12px;  }
.menu2 h3 a:hover,.menu2 h3 a.active,.menu2 h3 a.active:link,.menu2 h3 a.active:visited{color: #ff6501;background-image: url(../images/menu1a.png);background-repeat: no-repeat;}

.menu2 ul{padding:0px;}
.menu2 li a {color:#000;line-height:32px; padding-left:40px;margin-bottom:8px;text-decoration: none; display:block;}
.menu2 li a:link,.menu2 li a:visited{background-image: url(../images/menu1.png);background-repeat:no-repeat; background-position:12px;}
.menu2 li a:hover,.menu2 li a.active,.menu2 li a.active:link,.menu2 li a.active:visited{color: #ff6501;background-image: url(../images/menu1a.png);background-repeat:no-repeat;}


.backtop{ text-align:right; margin:10px 0 20px 0;}
.infosearch{ text-align:right; margin-bottom:10px; margin-top:10px; padding:5px 5px 0 0;}
.infosearch input[type="text"]{width:150px;height:23px;border: 1px solid #dddddd;-moz-border-radius: 3px;-webkit-border-radius:3px;border-radius:3px;padding-left:3px;background-color:#ffffff;}
.infosearch input[type="submit"]{background-color:#333;border: 1px solid #333;height:27px;width:60px;color:#ffffff;font-weight:bold;-moz-border-radius:3px;-webkit-border-radius: 3px;border-radius:3px; }

.infodes{ clear:both; padding:10px 0; line-height:24px;}

.af{ clear:both;}
.af dl{ clear:both;font-size:12px;line-height:23px;}
.af dl dt,.addf dl dd{ float:left;}
.af dl dt{ width:70px; text-align:right;}

/*信息*/
.info_list{clear:both;margin-top:0px;padding:0px;}
.info_list ul{clear:both;}
.info_list ul li{ float:left; text-align:center; margin-top:15px;}

.info_listimg{clear:both;margin-top:0px;padding:0px; overflow:hidden}
.info_listimg ul{clear:both; margin-top:10px; }
.info_listimg ul li{float:left; width:23%; padding:5px 1% 5px 1%; text-align:center; line-height:36px}
.info_listimg ul li a{display:block; padding:0px;}

.info_listimg ul li img{ width:100%;display:block; border:1px solid #dddddd;}
.info_listimg ul li a:hover{text-decoration:none;}
.info_listimg ul li a p{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


/*信息图片红色遮罩*/
.indThr {width: 100%;margin: 0;}
.kcList {margin: 0 auto;}
.picList {width: 100%;margin: 0;padding: 0;}
.picList li { text-align:center; height: 100%; overflow: hidden; padding:5px; }
.picList li:nth-child(3n) {margin-right: 0;}
.picList li p{ font-size:18px; margin:3% 0 3% 0; }
.meng {width: 100%;height: 100%;display: block;}

.da-thumbs li a,
.da-thumbs li a img {display: block;position: relative}
.da-thumbs li a {overflow: hidden}
.da-thumbs li a div {
position: absolute;
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
width: 100%;
height: 100%;
overflow: hidden;
opacity: .8;
filter: alpha(opacity=80);
text-align: center;
/*line-height:2.5rem;*/ padding:30% 0 0 0;
font-size: 0.3rem;
color: #fff;
font-family: "Medium";
}

.da-thumbs li a div.da-animate {
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}

.da-slideFromTop {left: 0;top: -100%}

.da-slideFromBottom {left: 0;top: 100%}

.da-slideFromLeft {top: 0;left: -100%}

.da-slideFromRight {top: 0;left: 100%}

.da-slideTop {top: 0}

.da-slideLeft {left: 0}
.picImg {width: 100%;height: 100%;}
/*信息图片红色遮罩 end*/


.info_list ol.head{background: #eeeeee;font-size:15px;height:40px;line-height:40px; text-align:center; color:#333333; margin-top:10px; }
.info_list ol.head span.title{float:left;width:65%; font-size:16px; font-weight:bold;}
.info_list ol.head span.title a{font-size:16px; font-weight:bold;}
.info_list ol.head span.views{float:left;width:10%; }
.info_list ol.head span.date{float:right;width:16%; text-align:right; padding:0 25px 0 0;}

.info_list ol.info{clear:both; font-size:14px;line-height:30px; padding:0 0 0 10px;}
.info_list ol.bg{background: #f5f5f5; padding:0 0 0 10px;}
.info_list ol.info font.dot{color:#ee7700; font-family:"宋体";}
.info_list ol.info a.title{float:left;width:65%;}
.info_list ol.info span.views{float:left;width:10%;text-align:center;font-size:12px;color:#666666;}
.info_list ol.info span.date{float:right;width:16%;  text-align:right; padding:0 20px 0 0; font-size:12px;color:#666666;}

.info_list dl{ float:left; width:14.6%;text-align:center; margin:0 1% 15px 1%;}
.info_list dl dd{line-height:26px;}
.info_list dl dd a{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.info_list dl dt{}
.info_list dl dt img{ border:#eaeaea 1px solid} 

.new_rec{ margin-bottom:4%; }
.new_rec a{ display:block; background:#f6f6f6; padding:0 0 5% 0; transition: 588ms; text-decoration:none}
.new_rec .new_rec_con{ padding:15px 20px;}
.new_rec .new_rec_pic{ overflow:hidden; }
.new_rec .new_rec_con h1{ font-size:18px; margin:20px 0;}
.new_rec .new_rec_con h1 a{}
.new_rec .new_rec_con p{ font-size:14px; color:#555; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.new_rec img{ transition: 588ms; }
.new_rec a:hover img {transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
.new_rec a:hover{ background:#1a70c5; text-decoration:none }
.new_rec a:hover p,.new_rec a:hover h1{ color:#fff; }


.info_list_xw{}
.info_list_xw dl{ margin:0 0 15px 0; }
.info_list_xw a{ display:block; border:1px solid #ccc;  padding:5% 5%; transition: 588ms;}
.info_list_xw dt{ font-size:18px; margin:20px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; }
.info_list_xw dd{ font-size:14px; color:#555; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.info_list_xw span{ font-size:14px; color:#999; margin:20px 0; display:block; }
.info_list_xw img{ transition: 588ms; }
.info_list_xw a:hover img {transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
.info_list_xw a:hover{ background:#f6f6f6; }
.info_list_xw a:hover dt{ color:#d92c33; }

.info_list_xw a{transition:all 0.8s; -moz-transition:all 0.8s;-webkit-transition:all 0.8s;-o-transition:all 0.8s; position:relative;  }
.info_list_xw a:after{content: "";width: 0; height: 4px; background: #bc302f;position: absolute; top: 100%;left:0%;transition: all 1s;}
.info_list_xw a:hover:after,.mobanthree a.active:after{left: 0%;width: 100%; }
.info_list_xw a:last-child{clear: both;}


.maintitle{ font-size:36px; font-weight:bold; background:url(../images/line01.gif) no-repeat left bottom; padding:0 0 20px 0; margin:0 0 20px 0; }
.shuoming{ font-weight:bold; margin:5% 0; font-size:20px; color:#002f63; }


.info_view{ clear:both;padding:5px 0 10px 0;}
.info_view h1.title{border-bottom:1px dotted #ccc; font-size:22px;line-height:26px; padding:15px 0; text-align:center; font-weight:bold;}
.info_view h2.subtitle{ background:#f5f5f5; color:#999; font-size:14px;line-height:22px; padding:5px 0;text-align:center;}
.info_view div.content{padding:0px 0px; font-size:14px;line-height:24px;}
.info_view div.content p{padding:0px 0;}
.info_view img{ max-width:100%; margin:2% auto; display:block}
.info_view div.atta{font-size:14px;line-height:23px;padding-top:2px;color:#ee7700; font-weight:bold;}
.info_view div.comment{font-size:12px;line-height:23px;padding-top:2px;}

.info_view div.other{ text-align:left; padding-right:0px;}

.info_view .bigimg{ padding:10px 0px; text-align:center;}


.info_view table {border-collapse:collapse; border-spacing: 0; border:#CCCCCC 1px solid;}
.info_view td{border:#CCCCCC 1px solid; text-align:center; padding:4px;}

.main_san{ margin:2% 0 0% 0; border-top:1px dashed #ccc; padding:20px 0 0 0;  }
.main_san div{ margin:0 0 15px 0; }
.main_san a{ position:relative; display:block; color:#fff; overflow:hidden; transition: 588ms;}
.main_san p{ position:absolute; width:100%; top:30%; font-size:30px; text-align:center; z-index:333 }
.main_san p span{ display:block; font-size:18px;  }
.main_san img{ transition: 588ms; }
.main_san a:hover img {transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
.main_san a:hover{ box-shadow:0px 10px 10px #888888;}


/*联系*/
.mainlx{  }
.mainlx table{ border:0px;}
.mainlx td{ border:0px;}


.info_commentlist{clear:both;margin-top:0px;padding:0px;}
.info_commentlist h1{background:#eeeeee;font-size:14px;line-height:28px;padding-top:3px;text-align:center;}
.info_commentlist p.name{clear:both; font-weight:bold; padding:3px 0;}
.info_commentlist p.date{clear:both; padding:3px 0; }
.info_commentlist p.content{clear:both; font-size:12px;line-height:20px; margin-bottom:20px; padding-bottom:10px; border-bottom:dotted 1px #ccc;}

.info_commentadd{ padding:5px;}
.info_commentadd p{ padding:3px 0;}
.info_commentadd input[type="text"]{ width:230px;}
.info_commentadd #txtcode{width:80px;}
.info_commentadd textarea{ width:230px;}

.supply_add{ padding:5px;}
.supply_add h2{ padding:5px; background-color:#f0f0f0; text-align:center;}
.supply_add p{ padding:3px 0;}
.supply_add input[type="text"]{ width:230px;}
.supply_add #txtcode{width:80px;}
.supply_add textarea{ width:230px;}

/*产品*/
.product_cate{clear:both;}
.product_cate dl{ clear:both; width:100%; margin-top:10px;}
.product_cate dl dt{ float:left; width:30%;}
.product_cate dl dd{ float:right; width:69%; line-height:21px;}
.product_cate dl strong{ font-size:14px;}

.product_list{clear:both;}
.product_list ul{clear:both;}


/*产品：列表*/
.product_list ol.head{background: #eeeeee;font-size:14px;height:26px;line-height:26px;padding-top:2px; padding-left:16px;text-align:center; color:#333333;}
.product_list ol.head span.title{float:left;width:60%;}
.product_list ol.head span.views{float:left;width:10%;  }
.product_list ol.head span.date{float:right;width:28%; }

.product_list ol.info{clear:both; font-size:12px;height:27px;line-height:27px;padding:2px 0 1px 16px;background-image:url(../images/bg.gif); background-repeat:no-repeat;}
.product_list ol.bg{background: #f5f5f5;}
.product_list ol.info font.dot{color:#ee7700; font-family:"宋体";}
.product_list ol.info a.title{float:left;width:60%; }
.product_list ol.info span.views{float:left;width:10%;text-align:center;font-size:12px;color:#666666;}
.product_list ol.info span.date{float:right;width:28%; text-align:center;font-size:12px;color:#666666;}

/*产品：左图右字*/
.product_list dl{ clear:both; width:100%; margin-top:10px;}
.product_list dl dt{ float:left; margin-right:10px;}
.product_list dl dd{ float:left; line-height:21px;}
.product_list dl strong{ font-size:14px;}
.product_list dl div.summary{ line-height:20px;}




.zoominfo{ clear:both;}
/*.zoominfo .zoominfoleft{ float:left; }*/
.zoominfo .zoominforight{ float:left; margin-left:15px; font-size:14px; line-height:25px; }
.zoominfo .zoominforight h3{ font-size:16px; font-weight:bold;}
.zoominfo .htmleaf-content{ max-width:500px; margin:3% auto 0 auto; }
.zoominfo .thumbnails{ border:1px solid #d6d6d6; }

.zoominfo .thumb-box {
	padding: 1.4em 0 1em;
	margin-left: -1%;
	width: 102%;}
.zoominfo .thumb-box .thumbs {
	overflow: hidden;
	*zoom: 1;
}
.zoominfo .thumb-box .thumbs li {
	float: left;
	width: 23%;
	text-align: center;
	padding: 0 1%;}
.zoominfo .thumb-box .thumbs li img {
	width: 100%;
	opacity: .8;
	-moz-transition: opacity 0.32s;
	-o-transition: opacity 0.32s;
	-webkit-transition: opacity 0.32s;
	transition: opacity 0.32s;
	border-bottom: 4px solid transparent;
}
.zoominfo .thumb-box .thumbs li img.active {
	border-color: #31ACE2;
	opacity: 1;
}
.zoominfo .thumb-box .thumbs li:hover img {
	opacity: 1;
	-moz-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}


.midpicarea{border:solid 1px #bbbbbb;z-index:5;cursor:crosshair;}
.bigpicarea{border:solid 1px #bbbbbb;overflow:hidden;position:absolute;z-index:6;}
.viewarea{border:solid 1px #fff;cursor:move; background-color:#999;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;overflow:hidden;position:absolute; z-index:10;  }

.zoomsmall{margin-top:8px;}
.zoomsmall ul{clear:both;}
.zoomsmall ul li{float:left; margin:0 2px;}
.zoomsmall ul li img{border:solid 1px #bbbbbb; padding:2px; cursor:pointer;}

/*.product_list ol.other,ol.other a,.product ol.other a:link,.product ol.other a:visited { display:block; font-size:12px; height:23px; line-height:23px;}*/
.product_view h1.title{border-bottom:1px dotted #ccc; font-size:22px;line-height:40px; padding:10px 0; text-align:center; font-weight:bold;}
.product_view h1.title b{ display:block; line-height:30px; font-size:20px;}
.product_view h2.subtitle{ background:#f5f5f5; color:#999; font-size:14px;line-height:22px; padding:5px 0;text-align:center;}
.product_view div.bigimg{ text-align:center; padding:10px 0;}
.product_view div.bigimg img{}

.product_view dl{ clear:both;}
.product_view dl dt,.product_view dl dd{ float:left;}
.product_view dl dt{ margin-right:10px; }
.product_view dl dd ul{ clear:both;}
.product_view dl dd li{ clear:both;font-size:12px;line-height:23px;}
.product_view dl dd span,.product_view dl dd p{ float:left;}
.product_view dl dd span{ width:70px; text-align:right;}
.product_view div.atta{font-size:12px;line-height:20px;color:#ee7700;}



.product_viewcart{padding:5px;}
.product_viewcart h2{ padding:5px; background-color:#f0f0f0; text-align:center; font-weight:bold;}
.product_viewcart p{ padding:3px 0; border-bottom:dotted 1px #ccc; margin-bottom:10px; padding-bottom:10px;}
.product_viewcart strong{ font-weight:bold;}
.product_viewcart input[type="text"]{ width:230px;}
.product_viewcart input.pnum{width:80px;}
.product_viewcart textarea{ width:230px;}

/*留言内页*/
.message_add{ padding:5px;}
.message_add p{ padding:10px 20px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cccccc; margin:0 0 15px 0; margin:0 2.5% 10px 0;}
.message_add input[type="text"]{ width:85%; border:0px solid red; background:#f3f3f3; }
.message_add #txtcode{width:100px;}
.message_add textarea{ width:96%; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cccccc;}

.message_list{clear:both; margin-bottom:25px;padding:0px;font-size:12px;line-height:20px; padding:1px;}
.message_list h1.title{background:#ebebeb;font-size:14px;line-height:28px;text-align:center;}
.message_list div.memo{padding:5px 0;}
.message_list div.nickname{text-align:left; padding:3px 0px;}
.message_list div.adddate{text-align:left; padding:3px 0px;}
.message_list div.reply{ padding:5px 0;background-color:#f7f7f7; }

.order_add{ padding:5px;}
.order_add p{ padding:3px 0;}
.order_add input[type="text"]{ width:230px;}
.order_add #txtcode{width:100px;}
.order_add textarea{ width:230px;}


/*人力资源内页*/
.job_add{ padding:5px;}
.job_add p{ padding:3px 0;}
.job_add input[type="text"]{ width:98%; height:30px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cccccc;}
.job_add #txtcode{width:100px;}
.job_add textarea{ width:98%; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cccccc;}
.job_add select{ height:30px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cccccc;}

.joblist{ clear:both; margin-bottom:15px; padding:10px 3px 10px 3px; border-bottom:dotted #333 1px;}
.joblist p{ padding:3px 0;}
.joblist p.biaoti{ font-size:18px;}
.joblist p.biaoti span{ font-size:18px;}
.joblist p.biaoti a{ background:#eeeeee; padding:3px 15px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cccccc;}
.joblist p.fabu{ color:#666666;}

.viewpic{ width:100%; text-align:center; clear:both;}
.viewpic img{ margin:20px auto; display:block;}
/*分页*/
.pagelist{clear:both; font-size:14px; line-height:26px; margin:5% 0; text-align:center; color:#333333;}
.pagelist a{color:#363535; text-decoration:none; line-height:26px; margin:5px 2px; border:#CCCCCC solid 1px; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; padding:3px 8px;}
.pagelist a:hover{color:#0a51a3; text-decoration:none; border:#ccc solid 1px; background:#f1f1f1;}
.pagelist a.red{color:#ffffff; text-decoration:none; font-weight:bold; background:#d71820; border:none; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.pagelist a.red:hover{color:#ffffff; text-decoration:none;} 



.plinktop{text-align:right;font-size:12px;line-height:25px; padding-right:8px;}
.plinktop a,.plinktop a:link,.plinktop a:visited { padding:0 3px;color:#363535;  text-decoration:none;}
.plinktop a:hover{color:#ee7700; text-decoration:underline;}
.plinktop a.red,.plinktop a.red:link,.plinktop a.red:visited {color:#ee7700; text-decoration:underline; }
.plinktop a.red:hover{color:#ee7700; text-decoration:underline;} 

.plinkbottom{text-align:center;font-size:14px;line-height:25px;  padding-right:0px; margin:20px 0 0 0;}
.plinkbottom a,.plinkbottom a:link,.plinkbottom a:visited {padding:0 3px;color:#363535;text-decoration:none; }
.plinkbottom a:hover{color:#ee7700; text-decoration:underline;}
.plinkbottom a.red,.plinkbottom a.red:link,.plinkbottom a.red:visited {color:#ee7700; text-decoration:underline; }
.plinkbottom a.red:hover{color:#ee7700; text-decoration:underline;}

.imgborder{ border:#dedede solid 1px;}

.roundabout-holder  { 
	width:850px;
	height:496px;
	margin:0 auto;

}
.roundabout-moveable-item {
   width:650px;
   height:394px;
   cursor: pointer;
	border:3px solid #ccc;
	border:3px solid rgba(0, 0, 0, 0.08);
   border-radius:4px;
	 -moz-border-radius:4px;
	 -webkit-border-radius:4px;
}
	.roundabout-moveable-item img{
		width:100%;
	}
.roundabout-in-focus {
	border:4px solid rgba(0, 0, 0, 0.1);
}



/*新闻内页*/
.info_listxw{clear:both; padding:0px; margin-top:20px; display:block; overflow:hidden;}
.info_listxw dl{ clear:both; padding:1.5% 0px; border-bottom:1px dotted #cccccc; overflow:hidden;position: relative;}
.info_listxw dl:before{ content:""; background:#f8f8f8; width:100%; height:100%; position:absolute; left: 0; top: 0;  opacity: 0; visibility: hidden; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); transition: 570ms; }

.info_listxw dl:hover:before {opacity: 1; visibility: visible; transform: scaleY(1); -webkit-transform: scaleY(1); -moz-transform: scaleY(1); }
.info_listxw dl:hover dt img {transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}

.info_listxw dl dt{ display:none;}
/*.info_listxw dl dt img { display: block; width:98%; border:0px solid #e6e6e6; height: auto; line-height: 1; transition: 588ms; }*/
.info_listxw dl dd{ clear:both; position:relative; padding:0px 1%;}
.info_listxw dl dd a.title{ clear:both; display:block; font-size:18px; line-height:24px;}
.info_listxw dl dd .jianyao{ clear:both; font-size:13px; line-height:24px; color:#666666; height:48px; overflow:hidden;}
.info_listxw dl dd .jianyao p{ float:left; color:#666666; text-align:left; }
.info_listxw dl dd .jianyao div{float:left; color:#666666; text-align:left; list-style-type: none;}
.info_listxw dl dd .jianyao font{float:left; color:#666666; text-align:left;}
.info_listxw dl dd .jianyao span{float:left; color:#666666; text-align:left;}
.info_listxw dl dd .jianyao strong{float:left; font-weight:normal;}
.info_listxw dl dd .jianyao a{float:left; color:#666666;}
.info_listxw dl dd .jianyao img{ display:none;}
.info_listxw dl dd .jianyao br{ display:none;}
.info_listxw dl dd .jianyao iframe{ display:none;}
.info_listxw dl dd .newsdate{ clear:both; color:#999999; line-height:26px; font-size:14px; }




/* 特效滚动 */
#focus_Box{position:relative;width:800px;height:554px;margin:20px auto;}
#focus_Box ul{position:relative;width:800px;height:554px}
#focus_Box li{z-index:0;position:absolute; width:0px;background:#787878;height:0px;top:146px;cursor:pointer;left:200px;border-radius:4px;box-shadow:1px 1px 12px rgba(200, 200, 200, 1)}
#focus_Box li img{width:100%;background:url(../images/loading.gif) no-repeat center 50%;height:100%;vertical-align:top}
#focus_Box li p{position:absolute;left:0;bottom:0px;width:100%;height:40px;line-height:40px;background:url(../images/float-bg.png) repeat;text-indent:8px;color:#fff;}
#focus_Box li p span{display:inline-block;width:70%;height:40px;overflow:hidden;}
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:52px;height:52px;top:131px;}
#focus_Box .prev{background:url(../images/btn.png) left bottom no-repeat;left:0px}
#focus_Box .next{background:url(../images/btn.png) right bottom no-repeat;right:0px} 
#focus_Box .prev:hover{background-position:left top;}
#focus_Box .next:hover{background-position:right top;}
#focus_Box a.imgs-scroll-btn{display:block;position:absolute;z-index:110;top:7px;right:15px;width:51px;height:23px;overflow:hidden;background:url(../images/share-btn.png) no-repeat;text-indent:-999px;}



/*QQ客服样式*/
.main-im{position:fixed;right:10px;top:300px;z-index:100;width:110px;height:272px;}
.main-im .qq-a{display:block;width:106px;height:116px;font-size:14px;color:#0484cd;text-align:center;position:relative;}
.main-im .qq-a span{bottom:5px;position:absolute;width:90px;left:10px;}
.main-im .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:18px;top:10px;overflow:hidden;z-index:9;}
.main-im .qq-container{z-index:99;position:absolute;width:109px;height:118px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #dddddd;background:url(../images/qq-icon-bg.png) no-repeat center 8px;}
.main-im .img-qq{max-width:60px;display:block;position:absolute;left:6px;top:3px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.main-im .im-qq:hover .img-qq{max-width:70px;left:1px;top:8px;position:absolute;}
.main-im .im_main{background:#F9FAFB;border:1px solid #dddddd;border-radius:10px;background:#F9FAFB;display:none;}
.main-im .im_main .im-tel{color:#000000;text-align:center;width:109px;height:105px;border-bottom:1px solid #dddddd;}
.main-im .im_main .im-tel div{font-weight:bold;font-size:12px;margin-top:6px;}
.main-im .im_main .im-tel .tel-num{font-family:Arial;font-weight:bold;color:#e66d15;}
.main-im .im_main .im-tel:hover{background:#fafafa;}
.main-im .im_main .weixing-container{width:55px;height:47px;border-right:1px solid #dddddd;background:#f5f5f5;border-bottom-left-radius:10px;background:url(../images/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show{width:112px;height:172px;background:#ffffff;border-radius:10px;border:1px solid #dddddd;position:absolute;left:-125px;top:-126px;}
.main-im .im_main .weixing-show .weixing-sanjiao{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #ffffff;border-width:6px;left:112px;top:134px;position:absolute;z-index:2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #dddddd;border-width:8px;left:112px;top:132px;position:absolute;}
.main-im .im_main .weixing-show .weixing-ma{width:104px;height:103px;padding-left:5px;padding-top:5px;}
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto;text-align:center;}
.main-im .im_main .go-top{width:50px;height:47px;background:#f5f5f5;border-bottom-right-radius:10px;background:url(../images/toTop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a{display:block;width:52px;height:47px;}
.main-im .close-im{position:absolute;right:10px;top:-12px;z-index:100;width:24px;height:24px;}
.main-im .close-im a{display:block;width:24px;height:24px;background:url(../images/close_im.png) no-repeat left top;}
.main-im .close-im a:hover{text-decoration:none;}
.main-im .open-im{cursor:pointer;margin-left:68px;width:40px;height:133px;background:url(../images/open_im.png) no-repeat left top;}
.cart-btn {
	width: 60px;
	height:60px;
	height:60px;
	position: fixed;
	top:300px;
	right:0px;
	z-index: 99;
	cursor: pointer;
}


.menu1_box{ overflow:hidden; text-align:center; }
.menu1_box h2{display: none;}
.menu1_box a {color:#000000; line-height:40px;  padding:10px 15px; font-size:15px; text-decoration:none; text-align:center; background:#e6e6e6; 	-webkit-transition: background-color 0.5s;	-moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s;}
.menu1_box a:link,.menu1_box a:visited{background:#e6e6e6;}
.menu1_box a:hover,.menu1_box a.active,.menu1_box a.active:link,.menu1_box a.active:visited{background:#d71820; color:#FFFFFF;}
.menu1_box ul li {display: inline;float: left;width:120px;}
.menu1_box ul {display: inline-block;overflow: auto;}
.page_road{text-align: center;}
/*订单信息*/
.tipcontent {
	width: 300px;
	margin: 10px auto 0 auto;
}
.tipcontent .reason{
	margin-left: 10px;
}
#iknow{
	display: block;
	line-height: 30px;
	height: 30px;
	width: 100px;
	margin: 0 auto;
	text-align: center;
	border-radius:5px;
	cursor:pointer;
	background:#d71820;
	color: #fff;
	margin-top:20px;
}
.tipcontent table td{
	height:40px;
}
.order_title{
	height:40px;line-height:40px;
	padding-left: 10px;
}
.product_info{
	width:70%;
}
.product_info td{
	width:25%;
	height: auto;
	line-height:35px;
	text-align: left;
	padding-left:30px;
}
.pro_name{
	cursor:pointer;
}
.address_info{
	width:80%;
}
.address_info td:nth-child(2),.address_info td:nth-child(4){
	width:30%;
	height: auto;
	line-height:35px;
}
/*订单退款申请结束*/
#layui-layer1{
	border: 1px solid #8D8D8D;
}
#layui-layer1 .layui-layer-title{padding-left:10px;font-size:15px;}
.action_box span,.action_box a{
	color:#40a9ff;
	cursor: pointer;
}
/*相关产品/相关新闻*/
.product_related{ clear:both; overflow:hidden}
.product_related .title{ line-height:34px; font-size:16px; font-weight:bold; border:#e6e6e6 1px solid; margin-bottom:2%; padding-left:2%;}
.product_related ul{}
.product_related ul li{float:left; width:21%; padding-right:2%; padding-left:2%; padding-bottom:2%; line-height:24px;}
.product_related ul li img{ border:#e5e5e5 1px solid;width:100%;}
.product_related li a{ text-align:center; display:block}

.news_related{ clear:both; margin-top:2%;}
.news_related .title{ line-height:34px; font-size:16px; font-weight:bold; border:#e6e6e6 1px solid; margin-bottom:2%; padding-left:2%;}
.news_related ul{ width:96%; margin:0 auto}
.news_related li{float:left; width:48%; margin-left:0.5%; margin-right:0.5%; line-height:34px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}


.bannerbox{ width: 100%; clear:both;}
 img{ max-width: 100%;}

.carousel-indicators{
	display:none
}


.carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 18px;
    height:18px;
    margin-right:20px;
    margin-left: 20px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #ccc;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease;
    border-radius:50%;
    position: relative;
}
.carousel-indicators li:before{ content:""; width: 200%; height: 200%; border: dotted #fff 1px;  position: absolute; left: -50%; top:-50%; opacity: 0; border-radius: 50%; transition: all .6s ease;}
.carousel-indicators li:hover:before{ transform: scale(1.5);  opacity: 1}
.carousel-control-next,
.carousel-control-prev {
    position:absolute;
    top:0;
    bottom:5%;
    z-index:16;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:flex-end;
    -ms-flex-pack:center;
    justify-content:center;
    width:25px;
    text-align:center;
    opacity:.5;
    transition:opacity .15s ease;
    right:12%;
    left:auto;

}
  .carousel-control-prev-icon {
    background:url(../images/prev.png) no-repeat;
	height:30px;
}
 .carousel-control-next-icon {
    background:url(../images/next.png) no-repeat;
	height:30px;
}
.carousel-control-prev{ right:15%;}


/*客户声音*/
.ours-main {
   max-width: 1400px;
   overflow: hidden;
   margin:0 auto;
}

.ours-main .bt{text-align:center; font-size:16px; color:#5e5e5e; line-height:30px; margin:3% auto 1% auto; width:38%; margin-bottom:2%;}
.ours-main .bt a{font-size:32px; text-align:center; color:#262626; font-weight:bold; line-height:56px; display:block} 

.swiper3{position: relative;max-width: 60%; margin: 0 auto; }
.swiper3 { position: relative; }
.swiper3 dl { margin-bottom: 3.3rem; opacity: .2; position: relative;}
.swiper3 dl.swiper-slide-active { opacity: 1; }
.swiper-slide .wenzi{padding-top:3%; padding-bottom:2%; overflow: hidden;}
.swiper-slide .wenzi h4{ padding-left:5.5%; font-weight:bold; line-height:30px; overflow:hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1;}
.swiper-slide .wenzi p{text-overflow: ellipsis; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;}


.swiper3 dt img{ width: 100%; height: auto; border:#d4d4d4 1px solid}
.swiper3 dd { position: absolute; left:50px; bottom: 10px;background:rgba(255,255,255,0.8); width:calc(100% - 100px); padding-bottom:0px;}
.swiper3 dd .bt{ font:18px; color:#222; padding:20px 0 0 0px; }
.swiper3 dd p{color:#333; line-height:26px; padding:0 0 0 0px;padding-left:5.5%;}
.ours-main .swiper-button-prev{ background:url(../images/arrow_l.png); background-size:cover;}
.ours-main .swiper-button-prev::after,  .ours-main .swiper-container-rtl .swiper-button-next::after {content: '';}
 .ours-main .swiper-button-next{ background:url(../images/arrow_r.png);background-size:cover;}
.ours-main .swiper-button-next::after, .ours-main  .swiper-container-rtl .swiper-button-prev::after {content: '';}
.swiper-button-next, .swiper-button-prev { position: absolute;top: 36%;}




/*内页团队展示*/
.team ul{ width:100%; max-width:1400px; margin:0px auto; }
.team .box{float:left;width: 30%; margin:1% 1.5%;position:relative;zoom:1;overflow: hidden; box-shadow:2px 2px 4px #eee;text-align: center;}
.team .box h4{ position:absolute; bottom:0; width:100%; background:#fff; text-align:center; line-height:40px; opacity:1;transition: opacity .6s linear; font-size:15px; }
.team .box img{ width:100%; height:auto; transition: transform .6s linear;} 
.team .con{position: absolute;left: -100%;top: -100%;width: 100%; height:100%;background-image: linear-gradient(rgba(12, 169, 220, 0.7), rgba(25, 90, 170, 0.5)); color:#fff; box-sizing:border-box; padding:20px 40px;} 
.team .con h3{ font-size:22px; line-height:40px; color:#FFF; margin-top:18%;} 
.team .con h3 a{ color:#FFF}
.team .con p{ font-size:14px;}
.team .box:hover h4{ opacity:0;}
.team .box:hover img{ transform:scale(1.3)}


.aboutpic{ width:100%;  overflow:hidden}
.aboutpic ul{ }
.aboutpic li{ float:left; width:25%;padding-left:0.5%; padding-right:0.5%;}
.aboutpic li img{ width:100%; display:block}


.contactbg{padding-top: 40px; }
.contactbg dt img{ max-width: none;}
.contactbg p{line-height:1.5rem; margin-top: .25rem; }
.ewm{ margin-top: 2rem; text-align:center;}
.ewm ul{ width:55%; margin:0 auto 2% auto;  overflow:hidden}
.ewm li{ float:left; width:143px; margin-left:3%; margin-right:10%; }
.ewm img{ display:block;width:100%; }


/*内页培训站*/
.imgbox{width:100%; clear:both; margin:0% auto 1% auto;overflow:hidden;}
.imgbox li{float:left; list-style:none; width:31%; margin:0% 1% 2% 1%; position:relative; overflow:hidden;border:#CCC 1px solid}
.imgbox li img{ width:100%; display:block; height:auto;transition: all 0.3s ease-out; }
.imgbox li h3{ position:absolute; bottom:0; height:40px; background:rgba(52,42,33,0.7);width:100%; margin:0 0%; line-height:35px; text-align:center; color:#fff;transition: all 0.3s ease-out;  font-size:16px; padding-top:0%;}
.imgbox li h3 span{ font-size:16px; line-height:26px;}

.imgbox li .intro{position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.6); opacity:0; z-index:9999; top:0; left:0;transition: all 0.3s ease-out; }
.imgbox li .intro h4{ text-align:center; line-height:40px; margin:4% 0 0 0; color:#fff;transform: scale(0.5); transition: all 0.3s ease-out; font-size:20px; font-weight:bold}
.imgbox li .intro h4 a{ color:#fff;ont-size:20px; font-weight:bold}
.imgbox li .intro .shipin{ width:30px; margin:0 auto; padding-top:15%;}
.imgbox li .intro .shipin img{ width:100%; margin:0 auto;}

.imgbox li .intro .neimenu{font-size:16px; overflow:hidden; }
.imgbox li .intro .neimenu ul{width:80%; margin:0 auto;}
.imgbox li .intro .neimenu li{ line-height:26px; color:#FFFFFF; font-size:14px; width:100%; border-bottom:#838383 0px solid; }

.imgbox li .intro p{ text-align:left; line-height:28px; color:#fff; font-size:14px; padding:5% 10%; text-indent:2em;transform: scale(0.5); transition: all 0.3s ease-out;}
.imgbox li .intro span{ clear:both; display:block; text-align:center; margin-top:2%;}
.imgbox li .intro span a{ width:20%; height:30px; background:rgba(255,144,0,0.6); line-height:30px; text-decoration:none; color:#fff; padding:0px; border:solid #FFff00 0px;transition: all 0.3s ease-out;transform: scale(0.5); display:inline-block;}
.imgbox li:hover img{transform: scale(1.5);}
.imgbox li:hover .intro{ opacity:1;}
.imgbox li:hover h3{ bottom:-40px;}
.imgbox li .intro span a:hover{ background:rgba(255,144,0,0.6); color:#fff;}

.imgbox li:hover .intro h4{transform: scale(1);}
.imgbox li:hover .intro p{ transform: scale(1);}
.imgbox li:hover .intro span a{transform: scale(1);}


/*客户声音*/
 .citrus{height:calc(100vh - 300px);display:flex;flex-wrap:wrap;position:relative;overflow:hidden; max-width:1300px; margin:0 auto}
      .citrus ._plateTitle{position:absolute;z-index:5;left:3%;top:50px}
      .citrus ._plateTitle span.cn{font-size:36px}
      .citrus ._plateTitle span.en{color:#fff;font-size:42px}
      .citrus .productLis{position:relative;height:100%;box-shadow:1px 15px 10px #e2e2e2;}
      .citrus .productLis .li{overflow:hidden; padding:10px; border:#ececec 1px solid;}
      .citrus .productLis .pic{background-size:cover;background-position:center;height:100%;}
      .citrus .productLis .pic img{opacity:0;visibility:hidden;}
      .citrus .L{width:35%;position:relative;height:100%;}
      .citrus .L .btnTab{position:absolute;right:5%;z-index:5;top:50%;transform:translateY(-50%)}
      .citrus .L .btnTab i{width:38px;height:38px;display:block;border:1px solid #fff;border-radius:50%;text-align:center;line-height:38px;color:#fff;margin:15px auto;cursor:pointer;position:relative;transition:ease .4s; -webkit-tap-highlight-color: transparent; outline: none;}
      .citrus .L .btnTab i:after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.2);background:#fff;height:100%;width:100%;border-radius:50%;opacity:0;z-index:-1;transition:ease .4s}
      .citrus .R{width:65%;display:flex;flex-wrap:wrap;align-content:space-between;position:relative;height:100%}
      .citrus .R .top{width:100%;height:50%}
      .citrus .productText{height:100%;background:url(images/news_bg.jpg)}
      .citrus .productText .li{display:flex;align-items:center}
      .citrus .productText .lines{display:inline-block!important;line-height:1;}
	 
		 .citrus .productText .lines div {  /* 多余内容省略号处理-多行 */
          display: -webkit-box !important;
        -webkit-box-orient: vertical;
		line-height:23px;
		color:#666;
        -webkit-line-clamp: 3;  //需要显示时文本行数
        }
	    .citrus .productText .lines .chars{font-size:17px !important; color:#666;line-height:50px;font-weight: bold; }
      .citrus .productText .g{padding:0 10%;width:100%}
      .citrus .productText h2.en .lines{ font-size:18px !important; color:#000; }
      .citrus .productText h3 i{background:rgba(66,66,66,.1);display:inline-block;width:1px;height:30px;margin:0 15px; border:#F00 1px solid}
      .citrus .productText h3 span{color:#6c6c6c;font-size:18px; }
      .citrus .productText .summary{ font-size:25px;margin:25px 0 16px; line-height:26px; }
      .citrus .productText .more{transition:ease color .4s;color:#999}
      .citrus .productText .more i{font-size:30px;display:inline-block;vertical-align:middle;margin-left:0px; margin-top:-6px;transition:ease transform .4s}
      .citrus .R .bottom{height:50%;width:100%}
      .citrus .R .productShow{height:100%}
      .citrus .R .productText>.visualTI{position:absolute}
      .citrus .productShow .li{position:relative;overflow:hidden}
      .citrus .productShow .pic{position:relative;height:100%;background-size:cover;background-position:center; }
      .citrus .productShow .pic img{opacity:0}
      .citrus .indicator{position:absolute;z-index:5;color:#fff;bottom:5%;left:0%}
      .citrus .indicator .timer{width:160px;height:2px;background:rgba(255,255,255,.3);display:block;margin-top:15px;position:relative}
      .citrus .indicator .timerCurrent{background:#fff;position:absolute;width:100%;height:100%;left:0;transform:scaleX(0);transform-origin:left}
      .citrus .L .btnTab i:hover img{ filter: brightness(0);}
      .citrus .L .btnTab i:hover:after{transform:translate(-50%,-50%) scale(1);opacity:1}
      .citrus .productText .more:hover{color:#376bba}
      .citrus .productText .more:hover i{transform:translateX(30%)}
      .citrus .productText .lines .chars{font-size:17px;display:inline-block!important;height:50px;linheight:50px;}
	   .citrus .productText .lines div { overflow: hidden  !important; }
	    .visualTICT {height:50px !important;line-height:50px !important;margin-bottom: 0px;}
	 .summary{margin-top:0px !important}
	 
	 
	 
/*案例*/
.cpbox{width:98%; margin:3% auto 0 auto;}
.cpbox dl{ float:left; width:23%; margin-left:1%; margin-right:1%; background:#FFF; border:#e2dede 1px solid; border-radius:8px;box-shadow:0px 5px 10px #e2e2e2;}
.cpbox dl:hover{ border:#ee7800 1px solid}
.cpbox dt{ text-align:center; padding-top:20%; padding-bottom:5% }
.cpbox dd{ text-align:center; font-size:18px;}
.cpbox dd a{font-size:18px;}
.cpbox .check{ background:#e9e9e9; width:50%; line-height:34px; margin:20% auto}


.zhezhao{height: 100%;width: 100%;background-color: rgba(0,0,0,0.48);position: fixed;top: 0px;display: none;z-index:9999;}
.videos{margin: 15% auto;min-width:200px;max-width: 500px}
.colse{ font-weight:bold; font-size:20px;}
	 
.yin{}
.yin img{padding:10px; border:#CCC 1px solid; background:#FFF}